<!DOCTYPE html>
<html>
    <head>
        {% block head %}
        <link rel="stylesheet" href="{{base_url}}admin/css/bootstrap.css" />
        <link rel="stylesheet" href="{{base_url}}admin/css/style.css" />
        <title>{% block title %}{% endblock %} - My Webpage</title>
        <script src="{{base_url}}/admin/js/jquery.js"></script>
        <script src="{{base_url}}/admin/js/bootstrap-tooltip.js"></script>
        {% endblock %}
    </head>
    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
               <div class="container-fluid">
                    <!--<ul class="nav">
                        <li class="active">
                            <a href="#">Home</a>
                        </li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                    </ul>-->
                    <div class="btn-group pull-right">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="icon-user"></i> {{username}}
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Profile</a></li>
                            <li class="divider"></li>
                            <li><a href="{{base_url}}login.php?action=logout">Sign Out</a></li>
                        </ul>
                    </div>
                </div>

            </div>

        </div>

        <div class="container-fluid" id="main_content">
            <div class="row-fluid">
                <div class="span3" id="sidebare">
                    {% include 'nav-menu.html' %}
                    {% block sidebar   %} {% endblock %}
                </div>
                <div class="span9" id="body_content">
                    <!--Body content-->
                    {% block content %}{% endblock %}
                </div>
            </div>

        </div>
        <div id="footer" class="container-fluid">
            {% block footer %}
            &copy; Copyright 2011 by <a href="http://domain.invalid/">you</a>.
            {% endblock %}
        </div>

    </body>
</html>